@import url("indexs.less");
.hdr{
    p{
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
        input{
            text-align: center;
            background: #c82d64 url(../images/fdj_03.png) no-repeat left center;
            background-position: 35%;
            .px2rem(font-size,26);
            background-size: 14px 14px;
            border-radius: 20px !important;
            border: none;
            width: 90%;
            height: 70%;
        }
        input::placeholder{
            color: white;
        }
    }
}
.mian{
    .px2rem(padding-top,90);
    height: 100%;
    width: 100%;
    .reim{
        margin: 0 5%;
        .px2rem(height,80);
        .px2rem(line-height,80);
        .px2rem(font-size,30);
        color: #666666;
        border-bottom: 1px solid #ccc;
    }
    .content{
        
        ul{
            height: 100%;
            width: 94%;
            margin: 2% 3%;
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
          li{
            list-style: none;
            width: 22%;
            .px2rem(margin-top,18);
            .px2rem(margin-bottom,16);
           text-align: center;
            .px2rem(height,55);
            .px2rem(line-height,55);
            border-radius: 5px;
            .px2rem(font-size,24);
            border: 1px solid #ccc;
            color: #333333;
        }
        li:last-child{
            border: none;
        }
        .pink{
            color: #ff5793;
            border: 1px solid #ff5793;
        }
    }
    }
    
}


